const announcementEl = document.createElement('div');
announcementEl.id = 'announcement';
announcementEl.className = "bg hid";
announcementEl.innerHTML = '<div class="announcement-pop pop-box">' +
    '<div class="pop-head">告MBA智库百科用户的一封信' +
    '<svg class="head-icon" aria-hidden="true" onclick="$(\'#announcement\').fadeOut();">' +
    '<use xlink:href="#ic_close"></use>' +
    '</svg>' +
    '</div>' +
    '<div class="pop-content">' +
    '亲爱的MBA智库百科用户：\n\n' +

    '过去的17年，百科频道一直以免费公益的形式为大家提供知识服务，这是我们团队的荣幸和骄傲。\n\n' +

    // '然而，在目前越来越严峻的经营挑战下，单纯依靠增加广告位已经无法维持运营成本，我们深知广告会影响您的使用体验，这与我们的初衷背道而驰。\n\n' +
    // '然而，在目前越来越严峻的经营挑战下，单纯依靠不停增多的广告位来维持网站运营支出，必然会越来越影响您的使用体验，这也与我们的初衷背道而驰。\n\n' +
    // '然而，在目前越来越严峻的经营挑战下，单纯依靠增加广告位来维持网站运营支出，必然会越来越影响您的使用体验，这也与我们的初衷背道而驰。\n\n' +
    '然而，在目前越来越严峻的经营挑战下，单纯依靠不断增加广告位来维持网站运营支出，必然会越来越影响您的使用体验，这也与我们的初衷背道而驰。\n\n' +

    '因此，经过审慎地考虑，我们决定推出VIP会员收费制度，以便为您提供更好的服务和更优质的内容。\n\n' +

    'MBA智库百科VIP会员（9.9元 / 年，<span id="goVipPop">点击开通</span>），您的权益将包括：\n' +
    '1、无广告阅读；\n' +
    '2、免验证复制。\n\n' +

    '当然，更重要的是长期以来您对百科频道的支持。诚邀您加入MBA智库百科VIP会员，共渡难关，共同见证彼此的成长和进步！\n\n\n' +

    '<div>MBA智库百科项目组</div>' +
    '<div>2023年8月10日</div>' +

    '</div>' +
    '</div>';
$('#immobilization-ad').html('<img src="' + getServer('img') + '/wiki/MBALib/images/left-top.png"/>');
document.body.appendChild(announcementEl);
var announcement_from_source = 'letter_pop';

$('#immobilization-ad').click(function () {
    announcement_from_source = 'letter_pop';
    $('#announcement').fadeIn();
})


$('#goVipPop').click(function () {
    var vipPayInstance = VipPay.getInstance();
    vipPayInstance.popupInit(announcement_from_source);
    $('#announcement').fadeOut();
    vipPayInstance.showVipPop();
})

var isAnnouncementBottomOpen = wfGetCookie('announcementBottomOpen');
var isWindowScroll = true;

function scrollAnnouncement() {
    var targetElement = $('#recommend-bar');

    // 获取目标元素相对于视口顶部的偏移位置
    var targetOffset = targetElement.offset().top;

    // 可见区域的高度
    var viewportHeight = $(window).height();

    // 计算目标元素相对于视口底部的偏移位置
    var distanceToViewportBottom = viewportHeight - (targetOffset - $(window).scrollTop()) - 100;

    if(distanceToViewportBottom < 0){
        isWindowScroll = true;
    }

    // 当目标元素完全显示在视口中时执行操作
    if (distanceToViewportBottom >= 0 && isWindowScroll) {
        // 在此处编写你要执行的代码
        announcement_from_source = 'read_end';
        isWindowScroll = false;
        isAnnouncementBottomOpen++;
        let remainingMinutes = Math.floor((24 * 60) - (new Date().getHours() * 60 + new Date().getMinutes()));
        wfSetCookie('announcementBottomOpen', isAnnouncementBottomOpen, remainingMinutes, ".mbalib.com")
        if(isAnnouncementBottomOpen >= 4){
            $(window).off('scroll',scrollAnnouncement);
        }
        if(isAnnouncementBottomOpen == 1 || isAnnouncementBottomOpen == 4){
            $('#announcement').fadeIn();
            if (typeof (statReadEndVipPop) == 'function') {
                statReadEndVipPop();
            }
        }
        // var vipPayInstance = VipPay.getInstance();
        // vipPayInstance.popupInit('read_end');
        // vipPayInstance.showVipPop();
    }
}

vipPayInstance.getUserInstance.getUser(function (result) {
    console.log(isAnnouncementBottomOpen);
    if (isAnnouncementBottomOpen < 5 && $('#recommend-bar').length && !result.is_vip && wfIsPC()) {
        $(window).on('scroll', scrollAnnouncement);
    }
})